﻿<div class="User-middle-box-profile">
    <div id="User-dBgRank" class="User-div-box-top">
        <div class="User-bg-top">
            <div class="User-div-tab">
                <ul class="User-ul-tab">
                    <li><a href= "@Url.Action("DislayView", new { name = "hdd" })" class='User-tab active' name=''>
                        <p>
                            Hi&#768;nh &#273;a&#803;i di&ecirc;&#803;n
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttcn" })" class='User-tab' name=''>
                        <p>
                            Cá nhân</p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "tthv" })" class='User-tab' name=''>
                        <p>
                            Ho&#803;c v&acirc;&#769;n
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttst" })"  class='User-tab' name=''>
                        <p>
                            S&#417;&#777; thi&#769;ch
                        </p>
                    </a></li>
                    <li><a href= "@Url.Action("DislayView", new { name = "ttlh" })" class='User-tab' name=''>
                        <p>
                            Li&ecirc;n h&ecirc;&#803;
                        </p>
                    </a></li>
                </ul>
                <div class="User-profile-shadow" style="position: relative; margin-top: -8px;">
                </div>
            </div>
            <div id="User-dProfileInfo" class="User-profile-info" style="padding-bottom: 0; top: 21px;
                position: relative;">
                <!--19.12.2 -->
                <div id="dNhomMua" style="display: none">
                    <a href="javascript:void(0);" id="dImgNM">
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/avatar-big.gif")" id="avatarNM" width="68" height="68" />
                    </a><a href="javascript:void(0);" name=""><em id="bNameNM">Grouppixel</em></a>
                </div>
                <div id="User-dPower">
                    <div class="User-profile-progress">
                        <a href= "@Url.Action("DislayView")" id="User-dImgProfile">
                            <img src="@Url.Content("~/Content/UserThemes/Images/avartar/20.jpg")" id="avatarMain" width="68" height="68" alt="loading..." />
                        </a>
                    </div>
                    <div class="User-profile-detail">
                         <span class="User-profile-txt" style = "font-size: 16px !important"><a href="javascript:void(0);" id="User-bNameUser">@Model.HoTen</a>
                            <p>
                                <em id="User-eUserRank" style="margin-left: 0px !important">Thành viên m&#417;&#769;i </em>
                            </p>
                        </span>
                        <p id="User-pCreateDate">
                            Ngày tham gia: 04/04/2012</p>
                        <p id="User-pBaiViet">
                            Ba&#768;i vi&ecirc;&#769;tt: 0</p>
                    </div>
                </div>
                <!--end 19.12.2-->
            </div>
        </div>
    </div>
    <div id="User-dBoxProfile" class="User-box-profile" style="padding-top: 0; width: 678px;
        margin-left: 44px;">
        <div id="middle-box-id" class="middle-box-content  personal">
            <i class="title_order">Ti&#768;m hi&#768;nh &#273;a&#803;i di&ecirc;&#803;n </i>
            <div class="div-upload">
                <a class="btn-location" style="float: right;"></a>
                <p>
                    T&#432;&#768; ma&#769;y ti&#769;nh cu&#777;a ba&#803;n</p>
                <input name="UploadAvatar" type="file" id="UploadAvatar" />
            </div>
            <i class="title_order">Hi&#768;nh &#273;a&#803;i di&ecirc;&#803;n m&#259;&#803;c &#273;i&#803;nh
            </i>
            <div class="list-img-radio">
                <ul id="innerAvatar" class="img_radio">
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/1.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/1.jpg")" />
                    </li>
                    <li>
                        <img src= "@Url.Content("~/Content/UserThemes/Images/avartar/10.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/10.jpg")" />
                    </li>
                    <li>
                        <img src= "@Url.Content("~/Content/UserThemes/Images/avartar/11.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/11.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/12.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/12.jpg")" />
                    </li>
                    <li>
                        <img src= "@Url.Content("~/Content/UserThemes/Images/avartar/13.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/13.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/14.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/14.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/15.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/15.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/16.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/16.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/17.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/17.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/18.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/18.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/19.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/19.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/2.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/2.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/21.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/21.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/22.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/22.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/3.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/3.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/4.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/4.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/5.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/5.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/6.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/6.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/7.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/7.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/8.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/8.jpg")" />
                    </li>
                    <li>
                        <img src="@Url.Content("~/Content/UserThemes/Images/avartar/9.jpg")" width='52' height='52' alt='' title='' />
                        <input type='radio' name='avatar' value='imgaeuser' onclick='javascript:setAvatarMain(this);'
                            id="@Url.Content("~/Content/UserThemes/Images/avartar/9.jpg")" />
                    </li>
                </ul>
            </div>
            <p class="middle-box-button">
                <a class="save_button_vn" id="btnSubmit"></a><a class="cancel_button_vn" id="btnReset">
                </a>
            </p>
        </div>
    </div>
</div>
